⧉
Copy code
VYASA
Branches
Loading branches…
dot-matrix-dmg
abyssal-serenity
alder-protocol
arcade-noir
atelier-register
atlas-ledger
brass-bureau
civic-linen
cloister-grid
creative-violet
dot-matrix-dmg
dream-poster
ember-docket
executive-sunrise
gentium-charter
harbor-brief
heliograph-ledger
kinetic-scholar
koan-silence
libertine-manuscript
libertinus-register
lush-meridian
meridian-charter
midnight-review
monsoon-manual
neon-newsprint
neon-terminal
north-course
observatory-note
operator-vellum
overprint-carnival
porcelain-brief
quarry-signal
quattrocento-folio
serene-manuscript
signal-theory
slate-protocol
stone-gazette
sylvan-archive
tidal-index
transit-folio
true-amoled-black
ultra-soft
vyasa-executive
vyasa-sunlit
dice
Posts
Vyasa Manual
Mermaid Diagrams
Htmx Integration
Copy Path
. Shift-click copies absolute path.
Copied copy path!
vyasa manual/mermaid-diagrams.md
Mermaid Diagrams
←
9 / 25
→
H2
Interactions
URL copied
H3
Scripted Interaction & Resilience
URL copied
H4
HTMX Integration
URL copied
htmx:afterSwap
event listener
: Re-runs Mermaid, updates active links, reinitializes mobile menus
Sidebar auto-reveal
: Expands parent
<details>
elements and scrolls active post into view
Active link highlighting
: Adds blue ring and background to current post in sidebar
TOC scroll tracking
: Updates active TOC link based on scroll position with
requestAnimationFrame
throttling
Mermaid Diagrams
Navigate by section
2
Slide 2
3
Basic usage
4
Frontmatter controls
5
Interactions
6
Scripted Interaction & Resilience
7
Mermaid Zoom & Pan
8
Theme-Aware Re-rendering
9
HTMX Integration
10
Mobile Menu Handling
11
Additional Features
12
flowchart TD
13
classDiagram
14
sequenceDiagram
15
erDiagram
16
stateDiagram-v2
17
mindmap
18
sankey beta
19
radar-beta
20
treemap-beta
21
timeline
22
C4Context
23
gantt
24
architecture-beta